<template>
  <v-chart ref="vChartRef" 
     :option="option"
  
    :update-options="{
      replaceMerge: replaceMergeArr
    }" autoresize></v-chart>
     <!-- :manual-update="isPreview()" -->
</template>

<script setup lang="ts">
import { ref, nextTick, computed, watch, PropType } from 'vue'
import VChart from 'vue-echarts'
import cloneDeep from 'lodash/cloneDeep'

const props = defineProps({
  themeSetting: {
    type: Object,
    required: true
  },
  themeColor: {
    type: Object,
    required: false
  },
s2DataConfig: {
    type: Object,
    required: true
  },
})



const replaceMergeArr = ref<string[]>()

const option = computed(() => {
  console.log(' props.s2DataConfig :>> ',  props.s2DataConfig);
  return  props.s2DataConfig
})


</script>
